<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span style="display: block;">测试页面2</span>
<button style="display: block;margin-bottom: 30px;" onclick="callLocalJs();">测试按钮</button>
<div>
    <p>我是iframe页面</p>
    <div>发送的信息是：<input id="iframe" type="text" value="child Message"><input id="sendBtn" type="button" value="发送"></div>
    <p>接收到的父页面信息是：<span id="content"></span></p>
    <script>
        // event 参数中有 data 属性，就是父页面发送过来的数据
        window.addEventListener("message", function(event) {
            if(event.data==='parent'){
                console.log("父页面传来的命令");

                window.NativeLog.log("父页面传来的命令");
                return;
            }
            // 把父页面发送过来的数据显示在父页面中
            document.getElementById("content").innerHTML= event.data;
        }, false);
    </script>
    <script>
        // 点击按钮后向父页面发送数据
        document.getElementById('sendBtn').onclick = function() {
            // window.parent代表父页面
            window.parent.postMessage(document.getElementById("iframe").value, '*');
        }
    </script>
</div>
<script>
    function callLocalJs() {
        window.NativeLog.log("测试页面2的日志");
    }
</script>
</body>
</html>